<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>兼容性测试</title>
    </head>
    <body>

        <button type="button" id="first">一个可以被你点击的按钮</button>

        <script type="text/javascript">
            var btn = document.getElementById( 'first' );
            var type = 'click' ;
            var listener = function(e){
                console.log( 'hello: ' , e );
                // 如果是IE8及其之前版本的IE浏览器则需要通过 window.event 来获得当前事件
                var et = e || window.event ; // 获取事件
                console.log( 'event.target: ' , et.target ); // 现代浏览器
                console.log( 'event.srcElement: ' , et.srcElement ); // 主要应用在IE8及其之前
            }
            if( window.addEventListener ) {
                console.log( 'if' );
                btn.addEventListener( type , listener , false ); // 现代浏览器
            } else {
                console.log( 'else' );
                var eventType = 'on' + type ;
                btn.attachEvent( eventType , listener ); // IE8及其之前
            }
        </script>
        
    </body>
</html>